<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

    <title>侧边展开导航栏</title>
    <!-- 引入字体图标 -->
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/Homepage.css">
</head>

<body>
<div class="navbar">
    <input type="checkbox" id="checkbox">
    <label for="checkbox" class="titleLabel">
        <i class="fa fa-bars" aria-hidden="true">
        	&nbsp;&nbsp;广告列表
        </i>
    </label>
    <ul>
    	<div id="icon">
    		 <li>
	            <img :src="user.icon" alt="">
	            <span>欢迎您！{{user.nickname}}</span>
	        </li>
    	</div>
       
        <li>
            <a href="Manager-bubble-Homepage.html">
                <i class="fa fa-home" aria-hidden="true"></i>
                <span>首页</span>
            </a>
        </li>
        <li>
            <a href="Manager-HotAd-Page.html">
                <i class="fa fa-thumbs-up" aria-hidden="true"></i>
                <span>本月热门</span>
            </a>
        </li>
        <li>
            <a href="Manager-Info-Page.html">
                <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                <span>个人中心</span>
            </a>
        </li>
        <li>
            <a href="Manager-Buy-Page.html">
                <i class="fa fa-shopping-bag" aria-hidden="true"></i>
                <span>购买广告</span>
            </a>
        </li>
        <li>
            <a href="Manager-user-list.html">
                <i class="fa fa-users" aria-hidden="true"></i>
                <span>用户列表</span>
            </a>
        </li>
        <li>
            <a href="Manager-advlist.html">
                <i class="fa fa-sitemap" aria-hidden="true"></i>
                <span>广告列表</span>
            </a>
        </li>
        <li>
            <a href="Manager-Chat-Page.html">
                <i class="fa fa-comments" aria-hidden="true"></i>
                <span>聊天窗口</span>
            </a>
        </li>
        <li onclick="Logout()">
            <a href="javascript:void(0)">
                <i class="fa fa-sign-out" aria-hidden="true" style="transform: rotate(180deg);"></i>
                <span>退出登录</span>
            </a>
        </li>
    </ul>
    <div class="main">
        <div style="height: 100%; width: 100%;">
            <iframe src="page/advlist.html" style="width: 100%;height: 100%; border: medium none;"></iframe>
        </div>
    </div>
</div>
</body>

<script src="js/vue.js"></script>
<script src="js/axios-0.18.0.js"></script>

<script src="js/GetInfo.js"></script>

<script>
    function Logout() {
        var flag = window.confirm("确定退出登录吗？");
        if (flag) {
            window.location.href = "AdInfo?type=logout";
        }
    }
</script>

</html>